<template>
  <RouterView />
  
  <van-tabbar v-model="active" route>
    <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item icon="search" to="/act">活动</van-tabbar-item>
    <van-tabbar-item icon="search" to="/forum">论坛</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/shop">商城</van-tabbar-item>
    <van-tabbar-item icon="setting-o" to="/my">我的</van-tabbar-item>
  </van-tabbar>

  
</template>


<script setup>
import { RouterView } from 'vue-router'
import { ref } from 'vue';

const active = ref(0);

</script>

<style scoped>

</style>
